html,
body,
#app {
  width: 1920px;
  height: 1080px;
  // width: 100%;
  // height: 100%;
  padding: 0;
  margin: 0;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul li {
  list-style: none;
}

.com-page {
  width: 100%;
  height: 100%;
  // overflow: hidden;
}

.com-container {
  width: 100%;
  height: 100%;
  // overflow: hidden;
}

.com-chart {
  width: 100%;
  height: 100%;
  // overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

canvas {
  border-radius: 20px;
}

.com-container {
  position: relative;
}

// element-ui分页样式
.el-pagination {
  --el-pagination-background-color: rgba(255, 255, 255, 0.1);
  --el-pagination-font-color: rgba(255, 255, 255, 1);
}

// 小型分页样式
.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
  background-color: rgba(255, 255, 255, 0.1);
}

//分页省略号
.el-icon-more:before {
  color: rgba(255, 255, 255, 1);
  ;
}


// 消息确认框
.el-message-box {
  border: none
}

.el-message-box__header {
  .el-message-box__title {
    color: #fff;
  }
}

// message弹出框的取消按钮
.el-message-box__btns>.el-button:first-child {
  background-color: #909399;
  color: #fff;
}

// 下拉框 选择背景色
.el-select-dropdown__wrap,
.el-picker__popper.el-popper[role=tooltip] {
  background-color: rgba(28, 44, 82, 1);
}

// 全局按钮
.el-button--mini {
  min-height: 26px;
}

//全局页面背景图样式
.bg {
  width: 100%;
  height: 100%;
  padding: 0 20px;
  color: #fff;
  background: url("../../assets/img/bj.jpg") no-repeat;
}

// 全局滚动条样式
#app {
  // 滚动条整体部分
  ::-webkit-scrollbar {
    width: 8px; //竖向滚动条宽
    height: 8px; //横向滚动条高
  }

  // 滚动条的轨道（里面装有Thumb）
  ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px;
  }

  // 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
  ::-webkit-scrollbar-thumb {
    background: rgba(56, 63, 88, 1);
    border-radius: 15px;
  }

  ::-webkit-scrollbar-thumb:hover {
    background: rgba(82, 87, 106, 1);
  }

  // 边角，即两个滚动条的交汇处
  ::-webkit-scrollbar-corner {
    background: transparent;
  }
}

.el-time-spinner__item.active:not(.disabled) {
  color: #1cf0f0;
}